<template>
    <div class="i-tip">
        <el-dialog v-model="dialogVisible" title="系统提示" width="500">
            <span>这是一个说明信息</span>
            <template #footer>
                <div class="dialog-footer">
                    <el-button @click="dialogVisible = false">取消</el-button>
                    <el-button type="primary" @click="dialogVisible = false">
                        确定
                    </el-button>
                </div>
            </template>
        </el-dialog>
    </div>
</template>
<script setup lang="ts">
import { ref, defineExpose } from "vue";
const dialogVisible = ref(false);
const tip = ref("一个前端开发程序员")
defineExpose({ dialogVisible,tip })
</script>
